import React,{useContext, useState} from 'react';
import './style.css';
import {ContextComponent} from '../../index.js';


export default function Tlbody() {
    
    const {state,dispatch} = useContext(ContextComponent);


    return (
        <div className="">
            
            {
                state.map(item => {

                    return (
                        <div className="list" key={item.id}>
                            <input type="checkbox" id="list_checkbox"/>
                            <label for="list_checkbox" >{item.value}</label>
                            <div >x</div>

                        </div>
                    )
                })
            }

            
        </div>
    )
}